<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-title" content="天天来收租">
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="HandheldFriendly" content="true">
		<meta name="MobileOptimized" content="320">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="screen-orientation" content="portrait">
		<meta name="browsermode" content="application">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<title>市场</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/market.css" />
	</head>
	<body>
		<div class="zone">
			<div class="nav-bar" id="nav-bar"></div>
			<div class="main">
				<div id="tab-team" class="team tab-box">
					<div class="tab-option">
						<li class="2 option2 option-sell option-active" id="option-sell">出售中</li>
						<li class="1 option2 option-buy" id="option-buy">求购中</li>
						<a href="transacteRecord.html">
							<p class="jilu">记录></p>
						</a>
					</div>
					<div class="tab-content">
						<div class="tab-contentin">
							<div class="content content-sell content-show">
								<div class="item2 time-item" id="tab-old">
									<div class="tab-title">
										<div id="tabTitle">
											<!-- <button class="old-title active">人才碎片</button>
											<button class="old-title">扩建许可证</button>
											<button class="old-title">图腾</button>
											<button class="old-title">地段</button>
											<button class="old-title">家具</button>
											<button class="old-title">矿场图</button> -->
										</div>
									</div>
									<div class="equipment">
										<div class="item2 old-item active">
											<div class="slct">
												<select name="" id="select2">
													<option value="">房产类型</option>
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</select>
												<div class="xuanze" name="" id="select1">
													选择人才
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</div>
											</div>
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div>
											<div class="more more-sell">加载更多</div> -->
										</div>
										<div class="item2 old-item">
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div> -->
										</div>
										<div class="item2 old-item">
											<div class="slct">
												<div class="xuanze" name="" id="select3">
													选择图腾
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</div>
												<!-- <select name="">
													<option value="">图腾等级</option>
													<option value="">text2</option>
													<option value="">text3</option>
												</select> -->
											</div>
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div> -->
										</div>
										<div class="item2 old-item">
											<div class="slct">
												<div name="" class="xuanze" id="select4">
													选择地段
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</div>
											</div>
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div> -->
										</div>
										<div class="item2 old-item">
											<div class="slct">
												<div name="" class="xuanze" id="select5">
													家具样式
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</div>
											</div>
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div> -->
										</div>
										<div class="item2 old-item">
											<div class="slct">
												<select name="" id="select6">
													<option value="">选择矿场图</option>
													<!-- <option value="">text2</option>
													<option value="">text3</option> -->
												</select>
											</div>
											<!-- <div class="list" id="list-sell">
												<div class="item">
													<div class="left">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
														<div class="leftin">
															<div class="left1">
																<p class="mobile">物品名称</p>
																<p class="number">出售数量:12</p>
															</div>
															<div class="left2">
																<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
																<p class="time">3.98/个</p>
															</div>
														</div>
													</div>
													<div class="real">
														<button>购买</button>
													</div>
												</div>
											</div> -->
										</div>
									</div>
									<!-- <div class="list" id="listBox"> -->
										<!-- <div class="item">
											<div class="left">
												<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
												<div class="leftin">
													<div class="left1">
														<p class="mobile">物品名称</p>
														<p class="number">出售数量:12</p>
													</div>
													<div class="left2">
														<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
														<p class="time">3.98/个</p>
													</div>
												</div>
											</div>
											<div class="real">
												<button>购买</button>
											</div>
										</div> -->
									<!-- </div> -->
									<!-- <div class="more" id="more">加载中...</div>
									<div class="empty" id="empty">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/kong.png" alt="">
										<p>没有数据哦~</p>
									</div> -->
									<!-- <div class="more more-sell">加载更多</div> -->
								</div>
							</div>
							<div class="content content-buy">
								<div class="list" id="list-buy">
									<div class="item2 time-item" id="tab-new">
										<div class="tab-title">
											<div id="tabTitle2">
												<!-- <button class="new-title active">人才碎片</button>
												<button class="new-title">扩建许可证</button>
												<button class="new-title">图腾</button>
												<button class="new-title">地段</button>
												<button class="new-title">家具</button>
												<button class="new-title">矿场图</button> -->
											</div>
										</div>
										<div class="equipment">
											<div class="item2 new-item active">
												<div class="slct">
													<select name="" id="select8">
														<option value="">房产类型</option>
													</select>
													<div class="xuanze" name="" id="select7">
														选择人才
													</div>
												</div>
											</div>
											<div class="item2 new-item">
												
											</div>
											<div class="item2 new-item">
												<div class="slct">
													<div class="xuanze" name="" id="select9">
														选择图腾
													</div>
												</div>
											</div>
											<div class="item2 new-item">
												<div class="slct">
													<div name="" class="xuanze" id="select10">
														选择地段
													</div>
												</div>
											</div>
											<div class="item2 new-item">
												<div class="slct">
													<div name="" class="xuanze" id="select11">
														家具样式
													</div>
												</div>
											</div>
											<div class="item2 new-item">
												<div class="slct">
													<select name="" id="select12">
														<option value="">选择矿场图</option>
													</select>
												</div>
											</div>
										</div>
										<!-- <div class="list" id="listBox">
										</div> -->
										<!-- <div class="more" id="more">加载中...</div>
										<div class="empty" id="empty">
											<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/kong.png" alt="">
											<p>没有数据哦~</p>
										</div> -->
									</div>
								</div>
							</div>
							
							<div class="list" id="listBox">
								<!-- <div class="item">
									<div class="left">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png">
										<div class="leftin">
											<div class="left1">
												<p class="mobile">物品名称</p>
												<p class="number">出售数量:12</p>
											</div>
											<div class="left2">
												<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
												<p class="time">3.98/个</p>
											</div>
										</div>
									</div>
									<div class="real">
										<button>购买</button>
									</div>
								</div> -->
							</div>
							<div class="more" id="more">加载中...</div>
							<div class="empty" id="empty">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/kong.png" alt="">
								<p>没有数据哦~</p>
							</div>
							
						</div>
						<div class="btmBox">
							<a href="saleOrder.html">
								<button>
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/market/gouwuche.png" alt="">
									<span>我的出售</span>
								</button>
							</a>
							<div class="line">
							</div>
							<a href="buyOrder.html">
								<button>
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/market/gouwuche1.png" alt="">
									<span>我的求购</span>
								</button>
							</a>
						</div>
					</div>
				</div>
				
			</div>
			<!-- 碎片弹窗 人才-->
			<div class="modal modal-commission" id="modal-commission">
				<div class="modal-mask" id="close-commission"></div>
				<div class="modal-body">
					<!-- <div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>任命</span>
					</div> -->
					<!-- <img class="modal-close" id="close-commission" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" /> -->
					<div class="modal-content">
						<div class="modal-contentIn">
							<!-- <span class="gongyu orange">高级住宅</span> -->
							<div class="optionBox" id="optionBox">
								<!-- <div class="option optiongreen">
									<div class="optionin">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/rencai/renwu.png" alt="">
									</div>
									<span class="name">安迪</span>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 图腾 -->
			<div class="modal modal-totem" id="modal-totem">
				<div class="modal-mask" id="close-totem"></div>
				<div class="modal-body">
					<!-- <div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>任命</span>
					</div> -->
					<!-- <img class="modal-close" id="close-commission" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" /> -->
					<div class="modal-content">
						<div class="modal-contentIn">
							<!-- <span class="gongyu orange">高级住宅</span> -->
							<div class="optionBox" id="optionTotem">
								<!-- <div class="option optiongreen">
									<div class="optionin">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/rencai/renwu.png" alt="">
									</div>
									<span class="name">安迪</span>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 地段 -->
			<div class="modal modal-totem" id="modal-dd">
				<div class="modal-mask" id="close-dd"></div>
				<div class="modal-body">
					<!-- <div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>任命</span>
					</div> -->
					<!-- <img class="modal-close" id="close-commission" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" /> -->
					<div class="modal-content">
						<div class="modal-contentIn">
							<!-- <span class="gongyu orange">高级住宅</span> -->
							<div class="optionBox" id="optionDd">
								<!-- <div class="option optiongreen">
									<div class="optionin">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/rencai/renwu.png" alt="">
									</div>
									<span class="name">安迪</span>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 家具样式 -->
			<div class="modal modal-totem" id="modal-ff">
				<div class="modal-mask" id="close-ff"></div>
				<div class="modal-body">
					<!-- <div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>任命</span>
					</div> -->
					<!-- <img class="modal-close" id="close-commission" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" /> -->
					<div class="modal-content">
						<div class="modal-contentIn">
							<!-- <span class="gongyu orange">高级住宅</span> -->
							<div class="optionBox" id="optionFf">
								<!-- <div class="option optiongreen">
									<div class="optionin">
										<img src="http://img.qxgs.cc/tiantianlaishouzu/img/rencai/renwu.png" alt="">
									</div>
									<span class="name">安迪</span>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 购买 -->
			<div class="modal modal-buy" id="modal-buy">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span id="is_gm">购买</span>
					</div>
					<img class="modal-close" id="close-buy" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<img class="thingimg" id="buyImg" src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png" alt="">
							<div class="ipt-box">
								<div class="ipt1">
									<img id="buyJian" src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="">
									<input type="number" id="buyIpt" placeholder="-"/>
									<img id="buyJia" src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" alt="">
								</div>
								<button class="maxbtn" id="buyMax">最大</button>
							</div>
							<div class="need">
								<p class="needtit" id="buyName">购买【XXX道具】需要</p>
								<div class="needin">
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
									<span id="buyMoney">--</span>
								</div>
							</div>
						</div>
						<div class="jinbiBox">
							<span>金币数量：</span>
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
							<p id="buyGold">--</p>
						</div>
						<div class="jinbiBox" id="myhave">
							<span>当前道具拥有数量：</span>
							<p>--</p>
						</div>
						<button class="build" id="buyConfirm">购买</button>
					</div>
				</div>
			</div>
			<!-- 出售 -->
			<div class="modal modal-sell" id="modal-sell">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>出售</span>
					</div>
					<img class="modal-close" id="close-kf" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<img class="thingimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png" alt="">
							<div class="ipt-box">
								<div class="ipt1">
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="">
									<input type="text" />
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" alt="">
								</div>
								<button class="maxbtn">最大</button>
							</div>
							<div class="need">
								<p class="needtit">出售【XXX道具】获得</p>
								<div class="needin">
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
									<span>---</span>
								</div>
							</div>
						</div>
						<div class="jinbiBox">
							<span>XXX道具剩余数量：</span>
							<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
							<p>11</p>
						</div>
						<button class="build">建造</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tab-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tab-bar1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/market.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>